<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>人事管理系统——修改职位</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="expires" content="0"/>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>
    <meta http-equiv="description" content="This is my page"/>
    <link href="../css/css.css" type="text/css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../js/ligerUI/skins/Aqua/css/ligerui-dialog.css"/>
    <link href="../js/ligerUI/skins/ligerui-icons.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
    <script type="text/javascript" src="../js/jquery-migrate-1.2.1.js"></script>
    <script src="../js/ligerUI/js/core/base.js" type="text/javascript"></script>
    <script src="../js/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
    <script src="../js/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
    <script src="../js/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
    <link href="../css/pager.css" type="text/css" rel="stylesheet"/>

    <script src="../js/a/vue.js"></script>
    <script src="../js/a/axios-0.18.0.js"></script>
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/a/index.js"></script>
    <script src="../js/a/axios-config.js"></script>

</head>
<body>
<div id="app">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td height="10"></td>
        </tr>
        <tr>
            <td width="15" height="32"><img src="../images/main_locleft.gif" width="15" height="32"></td>
            <td class="main_locbg font2"><img src="../images/pointer.gif">&nbsp;&nbsp;&nbsp;当前位置：职位管理 &gt; 修改职位</td>
            <td width="15" height="32"><img src="../images/main_locright.gif" width="15" height="32"></td>
        </tr>
    </table>
    <table width="100%" height="90%" border="0" cellpadding="5" cellspacing="0" class="main_tabbor">
        <tr valign="top">
            <td>

                <!-- 隐藏表单，flag表示添加标记 -->
                <input type="hidden" name="flag" value="2">
                <input type="hidden" name="id" value="${job.id }">
                <table width="100%" border="0" cellpadding="0" cellspacing="10" class="main_tab">
                    <tr>
                        <td class="font3 fftd">
                            <table>
                                <tr>
                                    <td class="font3 fftd">职位名称：<input v-model:value="postName" type="text" size="20"/>
                                    </td>
                                    <td class="font3 fftd">详细描述：<input v-model:value="remark" type="text" size="20"/>
                                    </td>
                                </tr>

                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="main_tdbor"></td>
                    </tr>

                    <tr>
                        <td align="left" class="fftd">
                            <input type="button" value="修改" v-on:click="pushUpdateJob()">&nbsp;&nbsp;
                            <input type="reset" value="取消" v-on:click="backJob()">
                        </td>
                    </tr>
                </table>

            </td>
        </tr>
    </table>
    <div style="height:10px;"></div>
</div>
</body>
</html>

<script>
    vm = new Vue({
        el: '#app',
        data: {
            id: '',
            postName: '',
            remark: '',
            status: '',
        },
        methods: {
            getUpdateJob: function (key) {
                let reg = new RegExp("(^|[&\?])" + key + "=([^&]*)(&|$)");
                let result = window.location.search.match(reg);
                return result ? decodeURIComponent(result[2]) : null;
            },
            updateJob() {
                this.id = this.getUpdateJob("id")
                this.postName = this.getUpdateJob("postName")
                this.remark = this.getUpdateJob("remark")
            },
            pushUpdateJob() {
                let formData = new FormData()
                formData.append('id', this.id);
                formData.append('postName', this.postName);
                formData.append('remark', this.remark);
                axios.post('/api/post/edit', formData)
                    .then(res => {
                        if (res.data.code == 200) {
                            this.openJob(res.data.msg)
                        } else if (res.data.msg) {
                            this.$message.error(res.data.msg);
                        } else {
                            this.$message.error('系统错误');
                        }
                    })
            },
            openJob(msg) {
                this.$alert(msg, '提示', {
                    confirmButtonText: '确定',
                    callback: function () {
                        window.location.replace('job.html');
                    }
                })
            },
            backJob() {
                window.location.replace('job.html')
            }
        },
        created() {
            this.updateJob();
        },
    })
</script>
